<template>
	<div class="alterimformation">
		<Card class="card">
			<p slot="title" class="card-head">
				<span>成员信息：{{uName}}</span>

			</p>
			<p class="card-body">
				<i-form v-model="form" :label-width="80">
					<Form-item label="学号/性别：">
						<Row>
							<i-col span="12">
								<i-input v-model="form.no" :disabled="true"></i-input>
							</i-col>
							<i-col span="12">
								<i-input v-model="form.sex" :disabled="true"></i-input>
							</i-col>
						</Row>
					</Form-item>
					<Form-item label="学院/班级：">
						<Row >
							<i-col span="12">
								<i-input v-model="form.college" :disabled="true"></i-input>
							</i-col>
							<i-col span="12">
								<i-input v-model="form.class" :disabled="true"></i-input>
							</i-col>
						</Row>
					</Form-item>
					<Form-item label="状态：">
						<i-select v-model="form.state">
							<i-option label="正常" value="正常"></i-option>
							<i-option label="离职" value="离职"></i-option>
							<i-option label="毕业" value="毕业"></i-option>
							<i-option label="黑名单" value="黑名单"></i-option>
						</i-select>
					</Form-item>
					<Form-item label="部门：">
						<Row >
							<i-col span="12">
								<i-select v-model="form.department" :disabled="true">
									<i-option label="技术部" value="技术部"></i-option>
									<i-option label="视觉设计部" value="视觉设计部"></i-option>
								</i-select>
							</i-col>
							<i-col span="12">
								<i-select v-model="form.identity" :disabled="true">
									<i-option label="成员" value="成员"></i-option>
									<i-option label="部长" value="部长"></i-option>
								</i-select>
							</i-col>
						</Row>
					</Form-item>
					<Form-item label="校区：">
						<i-select v-model="form.campus">
							<i-option label="屯溪路校区" value="屯溪路校区"></i-option>
							<i-option label="翡翠湖校区" value="翡翠湖校区"></i-option>
						</i-select>
					</Form-item>
					<Form-item label="电话：">
						<i-input v-model="form.phone"></i-input>
					</Form-item>
					<Form-item label="QQ：">
						<i-input v-model="form.qq"></i-input>
					</Form-item>
					<Form-item label="E-mail：">
						<i-input v-model="form.email"></i-input>
					</Form-item>
					<Form-item label="银行卡号：">
						<i-input v-model="form.bank"></i-input>
					</Form-item>
					<Form-item label="密码：">
						<i-input v-model="form.password" placeholder="如果不修改则不填！"></i-input>
					</Form-item>
					<Form-item label="简介：">
						<i-input type="textarea" v-model="form.introduce"></i-input>
					</Form-item>
					<Form-item>
						<i-button type="primary" @click="onSubmit()">更新并保存</i-button>
					</Form-item>
				</i-form>

			</p>
		</Card>
	</div>
</template>
<script>
export default {
	name: 'alterimformation',
	data() {
		return {
			uName: this.msg.name,
			form: {
				no: this.msg.no,
				sex:this.msg.sex,
				college:this.msg.college,
				class:this.msg.class,
				state:this.msg.state,
				department:this.msg.department,
				identity:this.msg.identity,
				campus:this.msg.campus,
				phone:this.msg.phone,
				qq:this.msg.qq,
				email:this.msg.email,
				bank:this.msg.bank,
				introduce: this.msg.introduction,
			}
		};
	},
	props:['msg'],
	methods: {
		onSubmit() {
			
		},
		revise(){
			this.$emit('tell-me',false)
		}
	},
	mounted() {

	}
}
</script>

<style>
.alterimformation{
	width: 100%;
	height: 100%
}
.alterimformation .card{
	height: 100%;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	border-color: #eee;
	position: relative;
}
.alterimformation .card .ivu-card-body{
	overflow: auto;
	position: absolute;
	top: 57px;
	left: 0;
	right: 0;
	bottom: 0
}
.alterimformation .card .card-head{
	height: 26px;
	line-height: 26px;
	font-size: 16px
}
.alterimformation .card .card-body{
	padding-left: 100px;
	padding-right: 100px;
	height: 100%;
	padding-top: 20px;
	
}
</style>